<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        span {
            display: inline-block;
            background: url(images/abcd.jpg) no-repeat ;
        }
        .z {
 
            width: 116px;
            height: 112px;
            background-position: -477px -556px;  
        }
        .h {
            width: 108px;
            height: 109px;
          background-position: -216px -140px;
        }
        .a {
            width: 110px;
            height: 119px;
            background-position: 0 -5px;
        }
        .n1 {
            width: 114px;
            height: 117px;
            background-position: -255px -272px;
        }
        .g {
            width: 106px;
            height: 118px;
            background-position: -98px -135px;
        }
        .x {
            width: 107px;
            height: 110px;
            background-position: -252px -559px;
            margin-left: 80px;
        }
        .i {
            width: 63px;
            height: 114px;
            background-position: -325px -138px;
        }
        .n2 {
            width: 114px;
            height: 117px;
            background-position: -255px -272px;
        }
    </style>
</head>
<body>
    
    <span class="z"></span>
    <span class="h"></span>
    <span class="a"></span>
    <span class="n1"></span>
    <span class="g"></span>
    <span class="x"></span>
    <span class="i"></span>
    <span class="n2"></span>

</body>
</html>